:root {
  --vp-c-brand: #8477ff;
  --vp-c-brand-light: #8477ff;

  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: linear-gradient(135deg, #8477ff 10%, #ce9ffc 100%);

  --vp-button-brand-border: var(--vp-c-brand);
  --vp-button-brand-hover-border: var(--vp-c-brand);
  --vp-button-brand-active-border: var(--vp-c-brand);

  --vp-button-brand-hover-bg: var(--vp-c-brand);
  --vp-button-brand-active-bg: var(--vp-c-brand);

  --vp-home-hero-image-background-image: linear-gradient(-45deg, #8477ff80 30%, #35495e80);
  --vp-home-hero-image-filter: blur(72px);

  --vp-c-brand-dark: #a9a0ff;
}